<template>
    <div class="doneTitle">
        <div class="leftLine"></div>
        <div class="titleContent">
            <div class="left"></div>
            <div class="cBody" v-text="msg"></div>
            <div class="right"></div>
        </div>
        <div class="rightLine"></div>
    </div>
</template>
<script>

export default {
    props:[
        'msg'
    ]
}
</script>
<style lang="less" scoped>
    @import '~_config/mixin.less';  
    @bgCol:#3395FF;

    .doneTitle{
        .fx(row);
        height:40px;
        .leftLine,.rightLine{
            .wh(560px,3px);
            .bg(@bgCol);
        }
        .titleContent{
            .fx(row);
            position:relative;
            .left{
                .wh(.14rem,.14rem);
                .bg(@bgCol);
                transform: rotate(45deg);
                position: absolute;
                left: -5.5%;
            }
            .cBody{
                .wh(1.4rem,.2rem);
                .bg(@bgCol);
                .fx();
                .sc(.1rem,#fff);
                letter-spacing: 2px;
                font-weight: 400;
            }
            .right{
                .wh(.14rem,.14rem);
                .bg(@bgCol);
                transform: rotate(45deg);
                position: absolute;
                right: -5.3%;
            }
        }
    }
</style>
